<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<script type="text/javascript" src="layui/layui.js"></script>
		<script type="text/javascript" src="layui/css/layui.css"></script>
		<script type="text/javascript" src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<script type="text/javascript" src="js/public.js"></script>
		<script type="text/javascript" src="js/paging.js"></script>
		<link rel="stylesheet" href="css/public.css" media="all">
		<link rel="stylesheet" href="css/system.css" media="all">
		<script type="text/javascript" src="js/jquery.media.js"></script>  
		<title>培训记录</title>
	</head>
	<body onload="pageStart(11)">
		
		<!--培训记录查看start-->
		<div style="display: none;" id="infoDiv" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content">
				<div class="popup-top">
					<label class="popup-add-title">查看</label>
					<img onclick="closeInfoDiv();" src="img/close_icon.png"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">课&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题:</label>
					<input id="topicInfo" type="text" class="popup-input" placeholder="请输入课题" style="width: 80%;" disabled="disabled"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">培训人员:</label>
					<input id="trainersInfo" type="tel" class="popup-input" placeholder="请选择培训人员" disabled="disabled"/>
					<label class="popup-txt">培训时间:</label> 
					<input id="trainDateInfo" type="text" class="popup-input" placeholder="请输入培训时间" disabled="disabled"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">受训人员:</label>
					<!-- <input id="traineesInfo" type="text" class="popup-input" placeholder="请输入受训人员" style="width: 80%;" disabled="disabled" onclick="departOpen();"/> -->
					<div id="traineesInfo" type="text" class="popup-input" style="width: 80%;color: #555;font-size: 14px;"></div>
				</div>
				<div class="popup-item">
					<label class="popup-txt">图&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;片:</label>
					<div class="train-item" id="trainImgsInfo">
						<img src="img/default_icon.jpg" />
						<!-- <img src="img/default_icon.jpg" /> -->
					</div>
				</div>
				<div class="popup-item">
					<label class="popup-txt">教&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;案:</label>
					<div id="pdfPreviewInfo" class="policy-download-check" onclick="previewPdf();">
						<img src="img/pdf_icon.png" />
						<label>预览</label>
					</div>
				</div>
			</div>
		</div>
		<!--培训查看end-->
		<!--培训记录上传start-->
		<div style="display: none;overflow-y: scroll;" id="addDiv" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content" style="height: 600px;width: 750px;">
				<div class="popup-top">
					<label class="popup-add-title">上传培训记录</label>
					<img onclick="addClose();" src="img/close_icon.png"/>
				</div>
				<div style="height: 530px;overflow-y: scroll;width: 740px;">
				<div class="popup-item">
					<label class="popup-txt">课&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题:</label>
					<input id="topic" type="text" class="popup-input" placeholder="请输入课题" style="width: 77%;"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">培训人员:</label>
					<input id="trainersAdd" type="tel" class="popup-input" placeholder="请选择培训人员"/>
					<label class="popup-txt">培训时间:</label>
					<input id="trainDateAdd" type="date" class="popup-input" placeholder="请输入培训时间"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">受训人员:</label>
					<label id="traineesAdd" type="text" class="popup-input" style="width: 77%;color: #555;font-size: 14px;" onclick="departOpen();"></label>
				</div>
				<div class="popup-item">
					<label class="popup-txt">上传图片:</label>
					<div class="train-item" id="trainImgsAdd" style="display: block;">
						<div class="policy-download">
							<label for="uploadImgAdd"><img src="img/add_icon.png" /></label></br>
							<input id="uploadImgAdd" type="file" accept="image/jpg,image/jpeg,image/png"  style="display: none;" onchange="fileChange(2,this);"/>
							<label>点击上传图片</label>
						</div>
					</div>
				</div>
				<div class="popup-item">
					<label class="popup-txt">上传教案:</label>
					<div class="policy-download">
						<label for="uploadFileAdd"><img src="img/add_icon.png" /></label></br>
						<input id="uploadFileAdd" type="file" accept="application/pdf" style="display: none;" onchange="fileChange(1,this);"/>
						<label>请上传pdf格式</label>
					</div>
					<div id="pdfPreview" class="policy-download-check" style="display: none;">
						<img src="img/pdf_icon.png" />
						<!-- <label>预览</label> -->
					</div>
				</div>
				<div class="popup-item" style="text-align: center;">
					<center>
					<button type="button" class="saveBtn" onclick="trainAddSave();" style="margin-left: 8.125rem;">保存</button>
					<button class="cancelBtn" onclick="addClose();" style="margin-left: 30px;">取消</button>
					</center>
				</div>
				</div>
			</div>
		</div>
		<!--培训记录上传end-->
		<!--文档预览start-->
		<div style="display: none;" id="fileDiv" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content" style="height: 37.5rem;width: 50.25rem;">
				<div class="popup-top">
					<label class="popup-add-title">文档预览</label>
					<img onclick="fileClose();" src="img/close_icon.png"/>
				</div>
				<a id="fileSrc" class="media"  href=""></a>
				<label id="fileSrcSave" style="display: none;"></label>
			</div>
		</div>
		<!--文档预览end-->
		<!--选择部门start-->
		<div style="display: none;" id="departDiv" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content" style="width: 500px;height: 18.75rem;top: 40%;">
				<div class="popup-top">
					<label class="popup-add-title">请选择部门</label>
					<img onclick="departClose();" src="img/close_icon.png"/>
				</div>
				<div id="train-depart" class="sys-depart-div">
					<!-- <div class="sys-left-depart-item">
						<input type="checkbox" name="dataId" value="1">
						<label>工程部</label>
					</div> -->
				</div>
				<div class="sys-popup-item">
					<button class="cancelBtn cancelBtn-depart" style="margin-left: 320px;" onclick="departClose(5);" >取消</button>
					<button class="saveBtn cancelBtn-depart" onclick="trainDepartSave();">确定</button>
				</div>	
			</div>
		</div>
		<!--选择部门end-->
		<div class="page-div">
			<input id="search_keyword" type="text" class="my-input" placeholder="搜索关键字" style="margin-left: 1.25rem;"/>
			<button id="searchBtn" class="my-search-btn" onclick="search(11);">搜索</button>
			<button id="addBtn" class="my-import-btn" onclick="add();">上传</button>
		</div>
		<div class="data-div">
			<div id="data" class="data-div-table">
			<table>
				<tr class="table-top">
					<td width="15%">序号</td>
					<td width="20%">课题</td>
					<td width="30%">培训人员</td>
					<td width="20%">培训时间</td>
					<td width="15%">操作</td>
				</tr>
				<tr class="item-white">
					<td colspan="5"><div>暂无数据</div></td>
				</tr>
			</table>
			</div>
			<center><div id="page" class="page_div"></div></center>
		</div>
		<input id="pageNo" value="1" style="display: none;"/>
		<input id="total_page" value="1"  style="display: none;"/>
		<input id="total_rows" value="1"  style="display: none;"/>
		<input id="keyword" value="查询"  style="display: none;"/>
	</body>
</html>
